// {/* Header*/}
// {/* <Box className="d-flex justify-content-between mb-5">
//     <Box>
//         <Typography variant="h1">Disbursement Summary</Typography>
//         <Typography variant="h4" sx={{ color: '#FFBB59' }}>
//             Token: Smooth Love Potion
//         </Typography>
//     </Box>
//     <Box>
//         <GFSButton variant="outlined" sx={{ pt: 1.5, pb: 1.5, height: 'auto' }}>
//             <Typography sx={{ pl: 1 }}>Axie Infinity</Typography>
//             <ArrowDropDownIcon sx={{ fontSize: '2rem' }} />
//         </GFSButton>
//     </Box>
// </Box> */}
// {/* Summary*/}
// {/* <Box>
//     <Grid container spacing={2}>
//         <Grid item xs={4}>
//             <Box textAlign="center" sx={{ borderRight: '0.5px solid #555178' }}>
//                 <Typography
//                     variant="subtitle1"
//                     sx={{
//                         fontSize: 12,
//                         color: '#B3AFD4',
//                         pb: 1,
//                     }}
//                 >
//                     LAST QUARTER
//                 </Typography>
//                 <Typography variant="h1">15,324</Typography>
//             </Box>
//         </Grid>
//         <Grid item xs={4}>
//             <Box textAlign="center" sx={{ borderRight: '0.5px solid #555178' }}>
//                 <Typography
//                     variant="subtitle1"
//                     sx={{
//                         fontSize: 12,
//                         color: '#B3AFD4',
//                         pb: 1,
//                     }}
//                 >
//                     LAST DISBURSEMENT
//                 </Typography>
//                 <Typography variant="h1">22,010</Typography>
//             </Box>
//         </Grid>
//         <Grid item xs={4}>
//             <Box textAlign="center">
//                 <Typography
//                     variant="subtitle1"
//                     sx={{ fontSize: 12, color: '#B3AFD4', pb: 1 }}
//                 >
//                     FOR DISBURSEMENT
//                 </Typography>
//                 <Typography variant="h1">150,000</Typography>
//             </Box>
//         </Grid>
//     </Grid>
// </Box> */}
export default function Unused() {}

{
    /* <Box sx={{ pt: 7 }}>
    <Typography variant="h4" sx={{ color: '#BCB6E9', pb: 2 }}>
        Top Payout Groups
    </Typography>

    <Box
        className="d-flex justify-content-center align-items-center flex-column"
        sx={{ p: 2, pl: 4, background: '#13112A', borderRadius: '12px' }}
    >
        <BarChart
            width={279}
            height={250}
            data={[
                {
                    a: 20,
                    b: 40,
                    c: 40,
                    d: 60,
                    e: 50,
                    f: 90,
                    g: 80,
                    h: 95,
                },
            ]}
            barGap={10}
        >
            <CartesianGrid
                horizontal={true}
                vertical={false}
                stroke="#211F3D"
                strokeWidth="0.5"
            />
            <YAxis
                tickLine={false}
                stroke="rgba(255, 255, 255, 0.87)"
                ticks={[0, 10, 30, 50, 70, 90]}
                tickFormatter={(value) => `${value}%`}
                orientation="right"
                axisLine={false}
                fontSize={12}
            />
            <Bar dataKey="a" fill="#950047" barSize={15} />
            <Bar dataKey="b" fill="#950047" barSize={15} />
            <Bar dataKey="c" fill="#852879" barSize={15} />
            <Bar dataKey="d" fill="#E54CD2" barSize={15} />
            <Bar dataKey="e" fill="#196488" barSize={15} />
            <Bar dataKey="f" fill="#1CB0F9" barSize={15} />
            <Bar dataKey="g" fill="#0C7982" barSize={15} />
            <Bar dataKey="h" fill="#0FE0F1" barSize={15} />
        </BarChart>
        <Box
            className="d-flex justify-content-between align-items-center mb-3"
            sx={{ minWidth: 250, pt: 2 }}
        >
            <Box className="d-flex align-items-center">
                <CircleIcon sx={{ fontSize: 6, mr: 1, fill: '#0CD3E3' }} />
                <Typography
                    variant="subtitle1"
                    sx={{ fontSize: 12, fontWeight: 600 }}
                >
                    XLD Design
                </Typography>
            </Box>
            <Typography variant="subtitle1" sx={{ fontSize: 12, pr: 2 }}>
                $363,656.39
            </Typography>
        </Box>
        <Box
            className="d-flex justify-content-between align-items-center mb-3"
            sx={{ minWidth: 250 }}
        >
            <Box className="d-flex align-items-center">
                <CircleIcon sx={{ fontSize: 6, mr: 1, fill: '#1CB0F9' }} />
                <Typography
                    variant="subtitle1"
                    sx={{ fontSize: 12, fontWeight: 600 }}
                >
                    XLD Admin
                </Typography>
            </Box>
            <Typography variant="subtitle1" sx={{ fontSize: 12, pr: 2 }}>
                $363,656.39
            </Typography>
        </Box>
        <Box
            className="d-flex justify-content-between align-items-center mb-3"
            sx={{ minWidth: 250 }}
        >
            <Box className="d-flex align-items-center">
                <CircleIcon sx={{ fontSize: 6, mr: 1, fill: '#E54CD2' }} />
                <Typography
                    variant="subtitle1"
                    sx={{ fontSize: 12, fontWeight: 600 }}
                >
                    XLD Engineering
                </Typography>
            </Box>
            <Typography variant="subtitle1" sx={{ fontSize: 12, pr: 2 }}>
                $363,656.39
            </Typography>
        </Box>
        <Box
            className="d-flex justify-content-between align-items-center mb-3"
            sx={{ minWidth: 250 }}
        >
            <Box className="d-flex align-items-center">
                <CircleIcon sx={{ fontSize: 6, mr: 1, fill: '#FE017B' }} />
                <Typography
                    variant="subtitle1"
                    sx={{ fontSize: 12, fontWeight: 600 }}
                >
                    XLD Payments
                </Typography>
            </Box>
            <Typography variant="subtitle1" sx={{ fontSize: 12, pr: 2 }}>
                $363,656.39
            </Typography>
        </Box>
    </Box>
</Box> */
}
